#encoding UTF-8
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Editor</title>
		<link rel="stylesheet" href="css/style.css" />
		<script src="js/opensave.js" language="javascript"></script>
		<script src="js/jquery-1.8.2.min.js" language="javascript"></script>
		<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
		#raw
		<script language="javascript">
		$(document).ready(function() {
			$("#frmInput").submit(function() {
				if ($("input[name='database']").val() == '') {
					alert("Bạn phải nhập đường dẫn database");
					return false;
				}
				if ($("input[name='chapter']").val() == '') {
					alert("Bạn phải nhập tiêu đề chương");
					return false;
				}
				if ($("textarea[name='content']").val() == '') {
					alert("Bạn phải nhập nội dung truyện");
					return false;
				}
				return true;
			});
		});
		</script>
		<script type="text/javascript">
			tinyMCE.init({
				// General options
				mode : "textareas",
				theme : "advanced",
		        plugins: "style,lists,advlink,advimage,autosave,save,paste,contextmenu,table",
				//plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",
		
				// Theme options
				//theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
				theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
				//theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
				//theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",
				//theme_advanced_toolbar_location : "top",
				//theme_advanced_toolbar_align : "left",
				//theme_advanced_statusbar_location : "bottom",
				//theme_advanced_resizing : true,
		
				// Example content CSS (should be your site CSS)
				content_css : "css/content.css",
		
				// Drop lists for link/image/media/template dialogs
				//template_external_list_url : "lists/template_list.js",
				//external_link_list_url : "lists/link_list.js",
				//external_image_list_url : "lists/image_list.js",
				//media_external_list_url : "lists/media_list.js",
		
				// Style formats
				style_formats : [
					{title : 'Bold text', inline : 'b'},
					{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
					{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
					{title : 'Example 1', inline : 'span', classes : 'example1'},
					{title : 'Example 2', inline : 'span', classes : 'example2'},
					{title : 'Table styles'},
					{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
				],
		
				// Replace values for the template plugin
				template_replace_values : {
					username : "Some User",
					staffid : "991234"
				}
			});
		</script>
		<!-- /TinyMCE -->
		#end raw
	</head>
	<body>
		<div id="wrapper">
			<div id="sidebar">
				<div class="header"><a href="/index"><img src="images/home.png" alt="Home" align="bottom" width="16"/>&nbsp;Home</a>&nbsp;|&nbsp;Danh Mục Chương</div>
				<ul>
					#for $item in $data.chapters
						#if $item[1] != ''
							<li class="item"><a href="/index?action=edit&id=$item[0]">$item[1]</a></li>
						#end if
					#end for
				</ul>
			</div>
			<div id="main">
				<form name="f" action="$data['action']" method="post" id="frmInput">
					<table cellpadding="2" border="0" align="center" width="100%" cellspacing="7">
						<tr>
							<td>Database path:</td>
							<td><input type="text" name="database" id="database" size="50" value="$data.database"/>&nbsp; <input type="button" value="Open" onclick="window.location.href='/load-database?name='+this.form.database.value;" /></td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td>
								<div id="saveDb" align="middle" style="margin-top: 10px; margin-bottom: 10px;">Tạo mới database</div>
							</td>
						</tr>
						<tr>
							<td width="20%"><label>Chapter Name: </label></td>
							<td><input type="text" name="chapter" style="width: 100%;" value="$data.chapterTitle" /></td>
						</tr>
						<tr>
							<td colspan="2"><label>Nội dung: </label></td>
						</tr>
						<tr>
							<td colspan="2" width="100%"><textarea name="content" rows="25">$data.chapterContent</textarea></td>
						</tr>
						<tr>
							<td>Base URL: </td>
							<td>
								<input type="text" name="baseUrl" size="40" /> &nbsp; turn on download <input align="top" type="checkbox" name="isdownload" value="false" />
							</td>
						</tr>
						<tr>
							<td colspan="2">
								#if $action == 'edit'
									<input type="submit" value="Save"/> &nbsp; <input type="button" value="Delete" onclick="window.location.href='$data.deleteAction';" /> &nbsp; <input type="button" value="Cancel" onclick="window.location.href='/index';" />
								#else
									<input type="submit" value="Submit"/> &nbsp; <input type="reset" value="Clear" />
								#end if
								
							</td>
						</tr>
					</table>
				</form>
			</div>
			<script language="javascript">
				opensave.make({ width: 		130,
					height: 	25,
					filename: 	"story", 
					label: 		"Tạo mới Database",
					buttonDiv: 	"saveDb", 
					dataID: 	"thisScript",
					url:		"/files/story"
					}
				);
				
			</script>
			<span class="clear">&nbsp;</span>
		</div>
		<div id="footer">
			<p>story editor, copyright&copy $data.year by longhoanggiang</p>
		</div>
	</body>
	
</html>